<template>
 <div id="app">
   <div class="row">
    <hm-button  type="primary">按钮1</hm-button>
    <hm-button  type="success">按钮1</hm-button>
    <hm-button  type="warning">按钮1</hm-button>
    <hm-button  type="danger">按钮1</hm-button>
    <hm-button  type="info">按钮1</hm-button>
   </div>
   <div class="row">
    <hm-button plain type="primary">按钮1</hm-button>
    <hm-button plain type="success">按钮1</hm-button>
    <hm-button plain type="warning">按钮1</hm-button>
    <hm-button plain type="danger">按钮1</hm-button>
    <hm-button plain type="info">按钮1</hm-button>
   </div>
   <div class="row">
    <hm-button round type="primary">按钮1</hm-button>
    <hm-button round type="success">按钮1</hm-button>
    <hm-button round type="warning">按钮1</hm-button>
    <hm-button round type="danger">按钮1</hm-button>
    <hm-button round type="info">按钮1</hm-button>
   </div>
   <div class="row">
    <hm-button circle type="primary">按钮1</hm-button>
    <hm-button circle type="success">按钮1</hm-button>
    <hm-button circle type="warning">按钮1</hm-button>
    <hm-button circle type="danger">按钮1</hm-button>
    <hm-button circle type="info">按钮1</hm-button>
   </div>
 </div>
</template>

<script>

export default {
}
</script>

<style lang="scss" scoped>
.row {
  margin-bottom: 20px;
    .hm-button{
      margin-right: 20px;
    }
}
</style>
